<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>
    站长介绍 | MicroLOONG 的博客
  </title>
  <meta name="description" content="A VitePress Blog">
  <link rel="stylesheet" href="./_assets/style.6279447f.css">
  <link rel="modulepreload" href="./_assets/common-daabc399.js">
  <link rel="modulepreload" href="./_assets/README.md.39cfebee.lean.js">
  <link rel="modulepreload" href="./_assets/app.ff2e7c33.js">
  <meta name="viewport"
    content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta name="keywords" content="MicroLOONG 的博客">
  <link rel="icon" href="./favicon.ico">
  <style>
    .content a:hover {
      text-decoration: none;
    }
  </style>
</head>

<body>
  <div id="app">

    <div id="containerColor" class="no-sidebar theme" data-v-a68d406c>
      <header class="navbar" data-v-a68d406c>
        <a class="title" aria-label="MicroLOONG 的博客, back to home" href="./index.aspx"><img class="logo"
            src="./favicon.ico" alt="logo"><span>MicroLOONG 的博客</span></a>
        <div class="flex-grow"></div>
        <nav class="nav-links hide-mobile" data-v-a68d406c>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./index.aspx" target="" rel="">🏠 首页
            </a></div>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./tags.aspx" target="" rel="">📂 分类
            </a></div>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./message.aspx" target="" rel="">💬 留言
            </a></div>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./Admin/manage.aspx" target="_blank" rel="">🧰
              管理
            </a></div>
          <div class="dropdown-wrapper" data-v-a68d406c><button class="dropdown-title" type="button"><span>🚀
                关于</span><span class="right arrow"></span></button>
            <ul class="nav-dropdown">
              <li key="/README" class="dropdown-item">
                <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./about.html" target="" rel="">📜 站长之家
                  </a></div>
              </li>
              <li><a href="https://github.com/microlong666" class="nav-link"
                  style="border-bottom:none;display:flex;align-items:center;margin-left:10px;padding:0px 1.5rem 0px 0.8rem;"><img
                    class="my-svg" src="static/images/octocat.png" style="width:1rem;height:1rem;">我的 GitHub </a></li>
            </ul>
          </div>
        </nav>
        <div class="sidebar-button" data-v-a68d406c><svg class="icon" xmlns="http://www.w3.org/2000/svg"
            aria-hidden="true" role="img" viewBox="0 0 448 512">
            <path fill="currentColor"
              d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"
              class></path>
          </svg></div>
      </header>
      <aside class="" data-v-a68d406c>
        <nav class="nav-links show-mobile" data-v-a68d406c>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./index.aspx" target="" rel="">🏠 首页
            </a></div>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./tags.aspx" target="" rel="">📂 分类
            </a></div>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./message.aspx" target="" rel="">💬 留言
            </a></div>
          <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./Admin/manage.aspx" target="_blank" rel="">🧰
              管理
            </a></div>
          <div class="dropdown-wrapper" data-v-a68d406c><button class="dropdown-title" type="button"><span>🚀
                关于</span><span class="right arrow"></span></button>
            <ul class="nav-dropdown">
              <li key="/README" class="dropdown-item">
                <div class="nav-item" data-v-a68d406c><a class="nav-link" href="./about.html" target="" rel="">📜 站长之家
                  </a></div>
              </li>

              <!-- 增加得一个img的 图标 -->
              <li><a href="https://github.com/microlong666" class="nav-link"
                  style="border-bottom:none;display:flex;align-items:center;margin-left:10px;padding:0px 1.5rem 0px 0.8rem;"><img
                    class="my-svg" src="static/images/octocat.png" style="width:1rem;height:1rem;">我的 GitHub </a></li>
            </ul>
          </div>
        </nav>
        <ul class="sidebar">
        </ul>
      </aside>

      <!-- TODO: make this button accessible -->
      <div class="sidebar-mask" data-v-a68d406c></div>
      <main data-v-a68d406c>
        <div class="content">
          <div class="md-header">
            <div class="md-title">本站介绍</div><span id="jinrishici-sentence">正在加载今日诗词....</span>
            <div class="md-date">2021-05-20</div>
          </div>
          <ul class="catalog">

            <li class="catalog-item"><a class="level level-2" href="#本站介绍">本站介绍</a>

            </li>
            <li class="catalog-item"><a class="level level-2" href="#技术架构">技术架构</a>

            </li>
            <li class="catalog-item"><a class="level level-2" href="#功能">功能</a>

            </li>

          </ul>
          <div data-v-a68d406c>
            <h2 id="本站介绍"><a class="header-anchor" href="#本站介绍" aria-hidden="true">#</a> 本站介绍</h2>
            <p>『MicroLOONG 的博客』是一个生活技术分享博客系统，功能齐全，简介而不简陋，希望你能在本站有所收获。</p>
            <p><img src="https://z3.ax1x.com/2021/05/29/2AiMlD.png" alt="index"></p>
            <h2 id="技术架构"><a class="header-anchor" href="#技术架构" aria-hidden="true">#</a> 技术架构</h2>
            <h3 id="前端">前端</h3>
            <ul>
              <li>
                <p>VitePress（Vite &amp; Vuepress 驱动的静态网站框架）</p>
              </li>
              <li>
                <p>Markdown（轻量级标记语言）</p>
              </li>
              <li>
                <p>jQuery（快速、简洁的 JavaScript 框架）</p>
              </li>
              <li>
                <p>Highlight.js（代码块高亮工具）</p>
              </li>
              <li>
                <p>marked.js（Markdown 渲染工具）</p>
              </li>
              <li>
                <p>typeit.js（文字打字效果工具）</p>
              </li>
              <li>
                <p>Multiavatar（120 亿个全球唯一头像生成器）</p>
              </li>
              <li>
                <p>今日诗词（随机诗词 API）</p>
              </li>
              <li>
                <p>FontAwesome（美观、简洁的 icon 库）</p>
              </li>
              <li>
                <p>Editor.md（强大的 Markdown 在线编辑器）</p>
              </li>
              <li>
                <p>Bootstrap v5（简单、热门的 CSS 框架）</p>
              </li>
            </ul>
            <h3 id="后端">后端</h3>
            <ul>
              <li>
                <p>ASP.NET 4.0</p>
              </li>
              <li>
                <p>SQL Server 2008</p>
              </li>
              <li>
                <p>IIS（网站服务器）</p>
              </li>
              <li>
                <p>Imgtu（CDN 图床）</p>
              </li>
            </ul>
            <h2 id="功能"><a class="header-anchor" href="#功能" aria-hidden="true">#</a> 功能</h2>
            <ul>
              <li>
                <p>博文查看</p>
              </li>
              <li>
                <p>文章管理</p>
              </li>
              <li>
                <p>留言评论</p>
              </li>
              <li>
                <p>留言管理</p>
              </li>
            </ul>
            <blockquote>
              <p>更多功能等你来发现~</p>
            </blockquote>
          </div>
        </div>
        <div class="links-wrapper" data-v-a68d406c>
          <div class="prev-link">

          </div>
          <div class="next-link">

          </div>
        </div>
        <div data-v-a68d406c>
          <p class="platform"> Copyright © 2021 <a href="https://blog.microloong.me/">@MicroLOONG</a></p>
        </div>
    </div>
    <div style="display:none;" class="imgBox"><img src=""></div>
    </main>
  </div>
  </div>
  <script type="text/javascript" src="static/jquery.min.js"></script>
  <script type="text/javascript" src="static/app.js"></script>
  <script type="text/javascript" src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
</body>

</html>